<template>
  <div class="quality-title">
    <div class="name">
      <span class="icon"></span>
      {{ name }}
    </div>
    <div class="score">{{ "(总分" + score + ")" }}</div>
  </div>
</template>
<script lang="ts">
import { Component, Vue, Prop } from 'vue-property-decorator'
@Component({
  name: 'scoreTitle'
})
export default class Title extends Vue {
  @Prop() private name
  @Prop() private score
}
</script>
<style lang="stylus" scoped>
.quality-title
  display flex
  justify-content space-between
  margin 20px 0
  .name
    font-weight 600
    color #303753
    .icon
      display inline-block
      width 6px
      height 6px
      background #008BEE
      border-radius 50%
      margin-right 5px
  .score
    font-weight 600
    color #008BEE
</style>
